<!-- 消息弹出框 -->
<template>
    <!-- <el-button text @click="centerDialogVisible = true">修改地址</el-button> -->
    <!--  消息提示框 -->
        <el-dialog v-model="centerDialogVisible" title="Warning" width="30%" align-center>
            <span></span>
            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="centerDialogVisible = false">后悔了</el-button>
                    <el-button type="primary" @click="centerDialogVisible = false">确定</el-button>
                </span>
            </template>
        </el-dialog>

</template>
    
<script lang="ts" setup>
import { ref, toRefs } from 'vue'
const centerDialogVisible = ref(true)

const props = defineProps({
	bbo: {
		type: String,
		default: 'haha',
		required: true,
	},
})
const { bbo } = toRefs(props)
// console.log(bbo.value)
</script>
    
<style scoped lang='scss' >
.dialog-footer button:first-child {
    margin-right: 10px;
}

</style>


